<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!---->
<form action="https://www.jd.com">
    <!--name是所有空间必须有的属性，对提交的参数进行介绍
    placeholder占位文本
    maxlength最大字符长度
    value设置初始值
    readonly只读-->
    用户名：<input type="text" name="username" placeholder="请输入用户名" maxlength="5"
            value="tom" readonly>
  <br>
<!--  密码框和文本框的属性通用  -->
    密码：<input type="password" name="password" placeholder="请输入密码">
  <br>
<!--  单选框必须设置相同的name   必须添加value否则提交on
      checked设置选中-->
    性别：<input type="radio" name="gender" value="m">男
    <input type="radio" name="gender" value="w" checked>女
  <br>
    兴趣爱好：<input type="checkbox" name="hobby" value="climb">爬山
    <input type="checkbox" name="hobby" value="badminton" checked>打羽毛球
    <input type="checkbox" name="hobby" value="running" checked>跑步
  <br>
    生日：<input type="date" name="birthday">
  <br>
    头像：<input type="file" name="pic">
  <br>
    所在地：
    <select name="city" id="">
      <option value="bj">北京</option>
      <option value="sh" selected>上海</option>
      <option value="gz">广州</option>
    </select>
  <br>
    <input type="submit" value="注册">
    <input type="reset">
    <!--自定义按钮，显示文本和点击后做的事情 需要程序员自己定义-->
    <input type="button" value="自定义按钮">
  <hr>
    <button type="submit">提交</button>
    <button type="reset">重置</button>
    <button type="button">自定义</button>
</form>
</body>
</html>